<page-header  [title]="'审批订单'">
  <!--<ng-template #breadcrumb>-->
  <!--<nz-breadcrumb>-->
  <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
  <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
  <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <!--<ng-template #tab>-->
  <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
  <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
  <!--<nz-tab nzTitle="车辆信息" (nzSelect)="changeTab(1)"></nz-tab>-->
  <!--<nz-tab nzTitle="担保人" (nzSelect)="changeTab(2)"></nz-tab>-->
  <!--<nz-tab nzTitle="附件信息" (nzSelect)="changeTab(3)"></nz-tab>-->
  <!--<nz-tab nzTitle="自动识别" (nzSelect)="changeTab(4)"></nz-tab>-->
  <!--</nz-tabset>-->
  <!--</ng-template>-->
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回订单列表</button></ng-template>

</page-header>

<nz-spin [nzSpinning]="loading">
  <nz-card nzTitle="大数据风控信息 "  >
    <simple-table #strm
      [columns]="columnsrm"
      [data]="rmurl"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{ total: 'total', list: 'data'}"
      [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showSizeChanger]="false"
      [scroll]="{x:'1300px'}"

      [showPagination]="false">
    </simple-table>
  </nz-card>
  <nz-card nzTitle="评分概览">
    <simple-table #stgl
                  [columns]="columnsgl"
                  [data]="glurl"
                  [ps]="ps"
                  [extraParams]="q"
                  [resReName]="{ total: 'total', list: 'data'}"
                  [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                  toTopInChange
                  [showTotal]="true"
                  [showSizeChanger]="false"
                  [scroll]="{x:'1800px'}"

                  [showPagination]="false">
    </simple-table>
  </nz-card>
  <nz-card nzTitle="风险评分">
    <simple-table #stfk
      [columns]="columnsfk"
      [data]="fkurl"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{ total: 'total', list: 'data'}"
      [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showSizeChanger]="false"
      [scroll]="{x:'1800px'}"

      [showPagination]="false">
    </simple-table>
  </nz-card>


    <nz-card nzTitle="基本信息 "   >

      <form nz-form>

        <nz-form-item>
          <nz-form-label nzSpan="3" nzRequired>订单编号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">

          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
          <nz-form-control nzSpan="9">
            <!--<nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
            <!--</nz-select>-->
            <input nz-input required [(ngModel)]="product.proName" name="proName">
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>客户姓名</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.cusName" name="cusName">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>联系电话</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input  required [(ngModel)]="product.cusMobile" name="cusMobile">

          </nz-form-control>

          <!--<nz-form-label nzSpan="3" nzRequired>证件类型</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
            <!--</nz-select>-->

          <!--</nz-form-control>-->

          <nz-form-label nzSpan="3" nzRequired>证件号码</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>证件有效起始日</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker   required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>证件有效截止日</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker   required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>现居住地</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

          </nz-form-control>

          <nz-form-label nzSpan="3" >性别</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3" >婚姻</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3">学历</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusDeu" name="cusDeu" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3">民族</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value" *ngFor="let cusEthnical of cusEthnicals"></nz-option>
            </nz-select>
          </nz-form-control>


          <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
          <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

          <!--</nz-form-control>-->

          <nz-form-label nzSpan="3" >出生日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker  name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



          </nz-form-control>

          <nz-form-label nzSpan="3" >QQ号码</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

          </nz-form-control>

          <nz-form-label nzSpan="3" >备注</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>状态</nz-form-label>
          <nz-form-control nzSpan="9">
            <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
            <!--</nz-select>-->
            <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>是否有子女</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy4" name="orderBy4">
          </nz-form-control>





          <nz-form-label nzSpan="3"  >工作单位</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy6" name="orderBy6">
          </nz-form-control>



          <nz-form-label nzSpan="3"  >单位地址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy7" name="orderBy7">
          </nz-form-control>

          <nz-form-label nzSpan="3"  >月收入</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy8" name="orderBy8">
          </nz-form-control>

          <nz-form-label nzSpan="3"  >银行卡号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy9" name="orderBy9">
          </nz-form-control>


        </nz-form-item>
      </form>
    </nz-card>

    <nz-card nzTitle="车辆信息" >
      <form nz-form>
        <nz-form-item>


          <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype">

            <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
            <!--</nz-select>-->
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>品牌/车型</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车牌号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass">

            <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
            <!--</nz-select>-->
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车架号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">

          </nz-form-control>
          <nz-form-label nzSpan="3" nzRequired>发动机号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input  nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">

          </nz-form-control>
        </nz-form-item>
      </form>
    </nz-card>



  <nz-card nzTitle="申请信息">
    <form nz-form>
      <nz-form-item>


        <nz-form-label nzSpan="2" nzRequired>申请金额(元）</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.orderAmount" name="orderAmount">

        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>初评金额(元）</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.orderBy10" name="orderBy10">

        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>申请期限(月）</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.orderPeriod" name="orderPeriod">

        </nz-form-control>


        <nz-form-label nzSpan="2" >利率</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy14" name="orderBy14">
        </nz-form-control>


        <nz-form-label nzSpan="2" >GPS</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy15" name="orderBy15">
        </nz-form-control>

        <nz-form-label nzSpan="2" >服务费</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy16" name="orderBy16">
        </nz-form-control>


        <nz-form-label nzSpan="2" >其他</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy17" name="orderBy17">
        </nz-form-control>
        <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

        <!--</nz-form-control>-->

      </nz-form-item>
    </form>
  </nz-card>



  <nz-card nzTitle="担保人信息"  >
      <form nz-form>
        <nz-form-item>


          <nz-form-label nzSpan="3" nzRequired>与贷款人关系</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style=""  [(ngModel)]="product.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>身份证</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyOffice" name="emergencyOffice">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">

          </nz-form-control>


          <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">

          </nz-form-control>

          <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
          <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

          <!--</nz-form-control>-->


        </nz-form-item>
      </form>
    </nz-card>


    <nz-card nzTitle="文件信息 "   >
      <button nz-button type="primary" nzType="primary" (click)="packattac()">打包附件</button>
      <a down-file [http-data]="data" [http-url]="downurl" file-name="附件信息.zip"  *ngIf="downurl" >
        <!--<a down-file [http-data]="data" http-url="http://localhost:8080/fxj380/img/server/1111111/20190322001649/1111111.doc?down=true" file-name="车辆信息">-->

        <i class="anticon anticon-download"></i> 下载附件
      </a>
      <form nz-form>



        <div class="clearfix">

          <nz-upload
            [nzMultiple]="true"
            [nzAction]="uploadUr5"
            [nzData]="avatarParam5"
            nzListType="picture-card"
            [(nzFileList)]="fileList"
            [nzShowButton]="fileList.length < 300"
            (nzChange)="upLoadChange($event)"
            [nzPreview]="handlePreview" >

            <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
            <div style="margin-top: 0px; color: #666;">  </div>
          </nz-upload>
          <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
            <ng-template #modalContent>
              <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
            </ng-template>
          </nz-modal>
        </div>

      </form>
    </nz-card>

   <!--<nz-card nzTitle="面签视频 "   style="height:340px">-->
     <!--<video  width="320px" height="240px" controls>-->
       <!--<source src="assets/mqsp.mp4" type="video/mp4">-->

     <!--</video>-->
    <!--</nz-card>-->

    <nz-card nzTitle="订单日志 "  >

      <simple-table #st
        [columns]="columns"
        [data]="logurl"
        [ps]="ps"
        [extraParams]="q"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showSizeChanger]="false"
        [showPagination]="false">
      </simple-table>

    </nz-card>
  <!-- <nz-card nzTitle="审批意见"  >

    <textarea class="textarea"   [(ngModel)]="product.spcomment" name="spcomment"></textarea>


  </nz-card> -->

</nz-spin>
<footer-toolbar errorCollect>
  <nz-form-label nzSpan="2" style="margin-top: 8px">意见</nz-form-label>
  <nz-form-control nzSpan="4" style="margin-top: 8px;margin-right: 10px;">
    <input nz-input required [(ngModel)]="product.spcomment" name="spcomment">
  </nz-form-control>
  <nz-form-label nzSpan="1" style="margin-top: 8px">风控</nz-form-label>
  <nz-form-control nzSpan="3" style="margin-top: 8px;margin-right: 20px">
    <nz-select style="width:120px;"  [(ngModel)]="product.fkname" name="fkname" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择风控类型'">
      <nz-option [nzLabel]="fkname.text" [nzValue]="fkname.value" *ngFor="let fkname of fknames"></nz-option>
    </nz-select>
  </nz-form-control>
  <button nz-button type="primary" nzType="primary" (click)="rmqueryc('J','查询借款人')">查询借款人</button>
  <button nz-button type="primary" nzType="primary" (click)="rmqueryc('D','查询担保人')">查询担保人</button>
  <!--<button nz-button type="primary" nzType="primary" (click)="rmqueryc('C','违章查询')">违章查询</button>-->

  <button nz-button type="primary" nzType="primary" (click)="savestc('Y','通过')">通过</button>
  <button nz-button type="primary" nzType="primary" (click)="savestc('N','不通过')">不通过</button>

  <button nz-button type="primary" nzType="primary" (click)="savestc('R','拒绝')">拒绝</button>

  <!--<button nz-button type="primary" nzType="primary" (click)="savest(10)">存疑</button>-->

</footer-toolbar>
